@charset "utf-8";
*{
	
	margin:0px;
	padding:0;
	font-size: 75px;
	font-family: "华文彩云";

	
	
}
body{
	background-image: url(../img/猫和老鼠背景.jpg);
	background:url(../img/猫和老鼠背景.jpg) no-repeat;
	background-repeat: no-repeat;
	background-size:100% 114%;
}
.cat{
	width:180px;
	height:270px;
	background:url(../img/maolaoshu.png);
	background-size: 100% 100%;
	position:relative;
	left: 242px;
	top:432px;
	animation: cat 10s linear infinite;
	
}
.butterfly{
	width:50px;
	height:50px;
	background:url(../img/蝴蝶1.png);
	background-size: 100% 100%;
	position:relative;
	left:1113px;
	top:-44px;
	animation: butterfly 10s linear infinite;
	
	
}
.dog{
	width:180px;
	height:270px;
	background:url(../img/狗1.png);
	background-size: 100% 100%;
	position:relative;
	left:50px;
	top: 115px;
	animation: dog 10s linear infinite;
	
}
.sun{
	width:50px;
	height:50px;
	background:url(../img/太阳.png);
	background-size: 100% 100%;
	position:relative;
	left:80px;
	top:-469px;
	animation: sun 10s linear infinite;
	
}

@keyframes cat{
	0%{
		left:242px;
		top:432px;
		
	}
	20%{
		left: 300px;
		top: 432px;
		background:url(../img/maolaoshu1.png);
		background-size: 100% 100%;
	}
	40%{
		left:399px ;
		top:432px ;
		background:url(../img/maolaoshu2.png);
		background-size: 100% 100%;
	}
	60%{
		left: 700px;
		top:432px ;
		background:url(../img/xuanfentui.png);
		background-size: 100% 100%;
		}
	80%{
		left:850px ;
		top:432px ;
		background:url(../img/xuanfengtui.png);
		background-size: 100% 100%;
	}
	100%{
		left: 1326px;
		top:432px ;
		background:url(../img/zuizhong.png);
		background-size: 100% 100%;
	}
	
		
	
	
	
}
@keyframes butterfly{
	0%{
		left:1113px;
		top:-44px;
		
	}
	50%{
		left:993px;
		top:43px;
		background:url(../img/蝴蝶2.png);
		background-size: 100% 100%;
	}
	100%{
		left:1256px;
		top:25px;
		background:url(../img/蝴蝶3.png);
		background-size: 100% 100%;
		
		
	}
	}
	@keyframes dog{
		0%{
			left:92px;
			top:115px;
		}
		20%{
			left:150px;
			top:115px;
			background:url(../img/狗2.png);
			background-size: 100% 100%;
		}
		40%{
			left:249px;
			top:115px;
			background:url(../img/狗3.png);
			background-size: 100% 100%;
		}
		60%{
			left:550px;
			top:115px;
			background:url(../img/狗1.png);
			background-size: 100% 100%;
		}
		80%{
			left:700px;
			top:115px;
			background:url(../img/狗2.png);
			background-size: 100% 100%;
		}
		100%{
			left:1170px;
			top:115px;
			background:url(../img/狗3.png);
			background-size: 100% 100%;
		}
		
	}
	@keyframes sun{
		0%{
			left:80px;
			top:-469px;
		}
	    20%{
			left:250px;
			top:-471px;
			background:url(../img/太阳.png);
			background-size: 100% 100%;
		}
		40%{
			left:422px;
			top:-598px;
			background:url(../img/太阳.png);
			background-size: 100% 100%;
		}
		60%{
			left:725px;
			top:-598px;
			background:url(../img/太阳.png);
			background-size: 100% 100%;
		}
		80%{
			left:1012px;
			top:-452px;
			background:url(../img/月亮.png);
			background-size: 100% 100%;
		}
		100%{
			left:1377px;
			top:-371px;
			background:url(../img/月亮.png);
			background-size: 100% 100%;
		}
		
	}